﻿<!DOCTYPE html>
<html lang="en">
<head>	
	<title></title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<!-- GOOGLE WEB FONTS -->
	<link rel="stylesheet" href="css/font-awesome.min.css">
	<!-- BOOTSTRAP 3.3.7 CSS -->
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<!-- SLICK v1.6.0 CSS -->
	<link rel="stylesheet" href="css/slick-1.6.0/slick.css" />
	<link rel="stylesheet" href="css/jquery.fancybox.css" />
	<link rel="stylesheet" href="css/yith-woocommerce-compare/colorbox.css" />
	<link rel="stylesheet" href="css/owl-carousel/owl.carousel.min.css" />
	<link rel="stylesheet" href="css/owl-carousel/owl.theme.default.min.css" />
	<link rel="stylesheet" href="css/js_composer/js_composer.min.css" />
	<link rel="stylesheet" href="css/woocommerce/woocommerce.css" />
	<link rel="stylesheet" href="css/woocommerce/woocommerce-layout.css" />
	<link rel="stylesheet" href="css/woocommerce/woocommerce-smallscreen.css" />
	<link rel="stylesheet" href="css/woocommerce/prettyPhoto.css" />
	<link rel="stylesheet" href="css/yith-woocommerce-wishlist/style.css" />
	<link rel="stylesheet" href="css/custom.css" />
	<link rel="stylesheet" href="css/app-orange.css" id="theme_color" />
	<link rel="stylesheet" href="" id="rtl" /> 
	<link rel="stylesheet" href="css/app-responsive.css" />

		<meta name="referrer" content="no-referrer">

</head>

<body class="product-template-default single single-product woocommerce woocommerce-page">

<div class="body-wrapper theme-clearfix">
	<header id="header" class="header header-style1">
		<div class="header-top clearfix">
			<div class="container">
				<div class="rows">

					<div class="wrap-myacc pull-right">
						<div class="sidebar-account pull-left">
							<div class="account-title">个人中心</div>

							<div id="my-account" class="my-account">
								<div class="widget-1 widget-first widget nav_menu-4 widget_nav_menu">
									<div class="widget-inner">
										<ul id="menu-my-account" class="menu">
											<li class="menu-my-account">
												<a class="item-link" href="my_account.html">
													<span class="menu-title">我的账户</span>
												</a>
											</li>
										</ul>
									</div>
								</div>

								<div class="widget-2 widget-last widget sw_top-4 sw_top">
									<div class="widget-inner">
										<div class="top-login">
											<div class="div-logined">
												<ul>
													<li>
														<a href="login.html">
															<span>登录/注册</span>
														</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>

						<div class="pull-left top2">
							<div class="widget-1 widget-first widget nav_menu-2 widget_nav_menu">
								<div class="widget-inner">
									<ul id="menu-checkout" class="menu">
										<li class="menu-checkout">
											<a class="item-link" href="checkout.html">
												<span class="menu-title">欢迎来到Cabbage</span>
											</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="header-mid clearfix">
			<div class="container">
				<div class="rows">
					<!-- 右上LOGO -->
					<div class="etrostore-logo pull-left">
						<br>
						<br>
						<h1 style="color:orange">CABBAGE</h1>
						<H4 style="color:rgb(189, 189, 189)">Your Online Bookstore</H4>
					</div>
					<!-- /右上LOGO -->

					<div class="mid-header pull-right">
						<div class="widget-1 widget-first widget sw_top-2 sw_top">
							<div class="widget-inner">
								<div class="top-form top-search">
									<div class="topsearch-entry">
										<form method="get" action="">
											<div>
												<input type="text" value="" name="s" placeholder="Enter your book...">
												<button type="submit" title="Search" class="fa fa-search button-search-pro form-button"></button>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>

						<div class="widget sw_top-3 sw_top pull-left">
							<div class="widget-inner">
								<div class="top-form top-form-minicart etrostore-minicart pull-right">
									<div class="top-minicart-icon pull-right">
										<i class="fa fa-shopping-cart"></i>
										<a class="cart-contents" href="cart.html" title="View your shopping cart">
											<span class="minicart-number">2</span>
										</a>
									</div>
									<!--迷你悬浮购物车-->
									<div class="wrapp-minicart">
										<div class="minicart-padding">
											<div class="number-item">
												There are <span>items</span> in your cart
											</div>

											<ul class="minicart-content">
												<li>
													<a href="simple_product.html" class="product-image">
														<img 	width="100" height="100" src="images/1903/45-150x150.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt=""
																srcset="images/1903/45-150x150.jpg 150w, images/1903/45-300x300.jpg 300w, images/1903/45-180x180.jpg 180w, images/1903/45.jpg 600w"
																sizes="(max-width: 100px) 100vw, 100px" />
													</a>

													<div class="detail-item">
														<div class="product-details">
															<h4>
																<a class="title-item" href="simple_product.html">Veniam Dolore</a>
															</h4>

															<div class="product-price">
																	<span class="price">
																		<span class="woocommerce-Price-amount amount">
																			<span class="woocommerce-Price-currencySymbol">$</span>190.00
																		</span>
																	</span>

																<div class="qty">
																	<span class="qty-number">1</span>
																</div>
															</div>

															<div class="product-action clearfix">
																<a href="#" class="btn-remove" title="Remove this item">
																	<span class="fa fa-trash-o"></span>
																</a>

																<a class="btn-edit" href="cart.html" title="View your shopping cart">
																	<span class="fa fa-pencil"></span>
																</a>
															</div>
														</div>
													</div>
												</li>

												<li>
													<a href="simple_product.html" class="product-image">
														<img 	width="100" height="100" src="images/1903/22-150x150.jpg" class="attachment-100x100 size-100x100 wp-post-image" alt=""
																srcset="images/1903/22-150x150.jpg 150w, images/1903/22-300x300.jpg 300w, images/1903/22-180x180.jpg 180w, images/1903/22.jpg 600w"
																sizes="(max-width: 100px) 100vw, 100px" />
													</a>

													<div class="detail-item">
														<div class="product-details">
															<h4>
																<a class="title-item" href="simple_product.html">Cleaner with bag</a>
															</h4>

															<div class="product-price">
																	<span class="price">
																		<span class="woocommerce-Price-amount amount">
																			<span class="woocommerce-Price-currencySymbol">$</span>350.00
																		</span>
																	</span>

																<div class="qty">
																	<span class="qty-number">1</span>
																</div>
															</div>

															<div class="product-action clearfix">
																<a href="#" class="btn-remove" title="Remove this item">
																	<span class="fa fa-trash-o"></span>
																</a>

																<a class="btn-edit" href="cart.html" title="View your shopping cart">
																	<span class="fa fa-pencil"></span>
																</a>
															</div>
														</div>
													</div>
												</li>
											</ul>

											<div class="cart-checkout">
												<div class="price-total">
													<span class="label-price-total">总计</span>

													<span class="price-total-w">
															<span class="price">
																<span class="woocommerce-Price-amount amount">
																	<span class="woocommerce-Price-currencySymbol">￥</span>540.00
																</span>
															</span>
														</span>
												</div>

												<div class="cart-links clearfix">
													<div class="cart-link">
														<a href="cart.html" title="Cart" @click="selectcart(userId)">查看购物车</a>
													</div>

													<div class="checkout-link">
														<a href="checkout.html" title="Check Out">结算</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<!--/迷你悬浮购物车-->
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="header-bottom clearfix">
			<div class="container">
				<div class="rows">
					<!-- Primary navbar -->
					<div id="main-menu" class="main-menu">
						<nav id="primary-menu" class="primary-menu">
							<div class="navbar-inner navbar-inverse">
								<ul id="menu-primary-menu-1" class="nav nav-pills nav-mega etrostore-mega etrostore-menures">
									<li><a href="index.html">首页</a></li>
									<li><a href="cart.html" @click="selectcart(userId)">收藏</a></li>
									<li><a href="checkout.html">结算</a></li>
									<li><a href="my_account.html">我的</a></li>
									<li><a href="shop.html">购物</a></li>
								</ul>
							</div>
						</nav>
					</div>
					<!-- /Primary navbar -->
				</div>
			</div>
		</div>
	</header>
	<div class="listings-title">
	</div>

	<div class="container">
		<div class="row">
			<div id="contents-detail" class="content col-lg-12 col-md-12 col-sm-12" role="main">
				<div id="container">
					<div id="content" role="main">
						<div class="single-product clearfix">
							<div id="product-01" class="product type-product status-publish has-post-thumbnail product_cat-accessories product_brand-global-voices first outofstock featured shipping-taxable purchasable product-type-simple">
								<div class="product_detail row">
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 clear_xs">
										<div class="slider_img_productd">
											<!-- woocommerce_show_product_images -->
											<div id="product_img_01" class="product-images loading" data-rtl="false">
												<div class="product-images-container clearfix thumbnail-bottom">
													<div class="slider product-responsive">
														<div class="item-img-slider">
<!--&lt;!&ndash;															<div class="image">&ndash;&gt;<input text="bookimage">{{bookimage}}-->
															<div id="bookim" v-html="html">
																<div>{{html}}</div>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
										<!--书本详细信息描述-->
									<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12 clear_xs" id="spmidbook">

											<div class="content_product_detail">
												<strong><h1 class="product_title entry-title"><div v-html="bookn">{{bookn}}</div></h1></strong>
												<div class="reviews-content">
													<div class="star"></div>
													<a href="#reviews" class="woocommerce-review-link" rel="nofollow"><span class="count"></span>评价数：{{bookinfo.bookComNum}}</a>
												</div>

												<div>
													<p class="price"><span class="woocommerce-Price-amount amount"><span class="woocommerce-Price-currencySymbol">￥</span>{{bookinfo.bookPrice}}</span></p>
												</div>

												<div class="description" itemprop="description">
													<p>{{bookinfo.promowords}}</p>
												</div>
												<div class="description" itemprop="description">
													<p>卖家：{{bookinfo.storeName}}</p>
												</div>

												<div class="description" itemprop="description">
													<p>作者:{{bookinfo.writer}}</p>
												</div>

												<div class="description" itemprop="description">
													<p>出版商:{{bookinfo.publisher}}</p>
												</div>

												<div class="description" itemprop="description">
													<p>ISBN:{{bookinfo.isbn}}</p>
												</div>

												<div class="description" itemprop="description">
													<p>好评率:{{bookinfo.bookComRatio}}</p>
<!--													<img width="400" height="400" src="https://img11.360buyimg.com/n1/s200x200_jfs/t1/194130/9/8514/141255/60cb15aaE5e7c7994/ca24db3a0e6d731a.jpg"/>-->
												</div>

												<div class="description" itemprop="description">
													<p><a @click="addcol">添加收藏</a></p>
												</div>

												<p class="stock out-of-stock">Out of stock</p>

											</div>

											<!--/书本详细信息描述-->
									</div>
								</div>
								<div class="box-slider-title">
									<h2><span>相类的书</span></h2>
								</div>
								<div id="spmidbookk" width="100%">
									<table width="100%" style="table-layout: fixed;">
										<tr v-for="booklst in bookList">
											<td>{{booklst.bookName}}</td>
											<td>{{booklst.pfId}}</td>
											<td>{{booklst.storeName}}</td>
											<td>{{booklst.promowords}}</td>
											<td>{{booklst.writer}}</td>
											<td>{{booklst.publisher}}</td>
											<td>{{booklst.bookPrice}}</td>
										</tr>
									</table>
								</div>

									<!--点击连接到其他图书网站-->
								<div class="wpb_raw_code wpb_content_element wpb_raw_html">
									<div class="wpb_wrapper">
										<div class="wrap-transport">
											<div class="row">
												<div class="item item-1 col-lg-3 col-md-3 col-sm-6">
													<a href="http://book.dangdang.com/" class="wrap">
														<div class="icon">
															<image src="images\icons\dangdang.png"></image>
														</div>

														<div class="content">
															<h3>当当网</h3>
															<p>book.dangdang.com</p>
														</div>
													</a>
												</div>

												<div class="item item-2 col-lg-3 col-md-3 col-sm-6">
													<a href="https://book.jd.com/" class="wrap">
														<div class="icon">
															<image src="images\icons\jd.png"></image>
														</div>

														<div class="content">
															<h3>京东图书</h3>
															<p>book.jd.com</p>
														</div>
													</a>
												</div>

												<div class="item item-3 col-lg-3 col-md-3 col-sm-6">
													<a href="https://list.suning.com/0-502282-0.html?safp=d488778a.46602.crumbs.2&safc=cate.0.0&safpn=10006.502325#search-path" class="wrap">
														<div class="icon">
															<image src="images\icons\sn.png"></image>
														</div>

														<div class="content">
															<h3>苏宁图书</h3>
															<p>suning.com</p>
														</div>
													</a>
												</div>

												<div class="item item-4 col-lg-3 col-md-3 col-sm-6">
													<a href="https://book.tmall.com/?spm=a21bo.jianhua.201867-main.29.5af911d9tCIUKv
														" class="wrap">
														<div class="icon">
															<image src="images\icons\tm.png"></image>
														</div>
														<div class="content">
															<h3>天猫图书</h3>
															<p>book.tmall.com</p>
														</div>
													</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="bottom-single-product theme-clearfix">
									<div class="widget-1 widget-first widget sw_related_upsell_widget-2 sw_related_upsell_widget" data-scroll-reveal="enter bottom move 20px wait 0.2s">
										<div class="widget-inner">
											<div id="slider_sw_related_upsell_widget-2" class="sw-woo-container-slider related-products responsive-slider clearfix loading" data-lg="4" data-md="3" data-sm="2" data-xs="2" data-mobile="1" data-speed="1000" data-scroll="1" data-interval="5000" data-autoplay="false">
												<div class="resp-slider-container">
													<div class="box-slider-title">
														<h2><span>相同作者的书</span></h2>
													</div>
													<div class="slider responsive" id="spbehbook">

														<div class="col-lg-4 col-sm-6 col-12" v-for="wri in bookwriter">
															<div class="item ">
																<div class="item-wrap">
																	<div class="item-detail" >
																		<div class="item-img products-thumb">
																			<a @click="detailbook1(listt.isbn),detailbook2(listt.writer)">
																				<div class="product-thumb-hover">
																					<img width="300" height="300" :src="wri.image" >
																				</div>
																			</a>
																			<!-- add to cart-->
																			<div class="item-bottom clearfix">
																				<a rel="nofollow" href="#" class="button product_type_simple add_to_cart_button ajax_add_to_cart" title="Add to Cart">Add to cart</a>

																				<div class="yith-wcwl-add-to-wishlist add-to-wishlist-248">

																					<div style="clear:both"></div>
																					<div class="yith-wcwl-wishlistaddresponse"></div>
																				</div>

																				<div class="clear"></div>
																				<a href="#" data-fancybox-type="ajax" class="sm_quickview_handler-list fancybox fancybox.ajax">Quick View </a>
																			</div>
																		</div>
																		<div class="item-content">
																			<!-- rating  -->
																			<div class="reviews-content">
																				<div class="star"></div>
																				<div class="item-number-rating">
																					评价数：{{wri.bookComNum}}
																				</div>
																			</div>
																			<!-- end rating  -->

																			<h4><a href="simple_product.html" @click="detailbook1(listt.isbn),detailbook2(listt.writer)" title="turkey qui">{{wri.bookName}}</a></h4>

																			<!-- price -->
																			<div class="item-price">
																			<span>
																				<span class="woocommerce-Price-amount amount">
																					<span class="woocommerce-Price-currencySymbol">￥</span>{{wri.bookPrice}}
																				</span>
																			</span>
																			</div>
																		</div>
																	</div>
																</div>
															</div>
														</div>

														<nav aria-label="Page navigation">
															<ul class="pagination">
																<li @click="getPreviousPageData(pageInfo.pageNum)">
																	<a href="#" aria-label="Previous">
																		<span aria-hidden="true">&laquo;</span>
																	</a>
																</li>
																<li :class="pageInfo.pageNum==num?'active':''" @click="getPageData(num)" v-for="num in pageInfo.navigatepageNums">
																	<a>{{num}}</a>
																</li>
																<li @click="getNextPageData(pageInfo.pageNum)">
																	<a href="#" aria-label="Next">
																		<span aria-hidden="true">&raquo;</span>
																	</a>
																</li>
															</ul>
														</nav>

													</div>
												</div>
											</div>
										</div>
									</div>

									<div class="widget-2 widget-last widget sw_related_upsell_widget-3 sw_related_upsell_widget" data-scroll-reveal="enter bottom move 20px wait 0.2s">
										<div class="widget-inner"></div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer id="footer" class="footer default theme-clearfix">
			<!-- Content footer -->
			<div class="footer-copyright style1">
				<div class="container">
					<div class="copyright-text ">
						<center><p>Copyright &copy; 2022.Company name All rights reserved.cabbage</p></center>
					</div>
					<!-- /Copyright text -->
				</div>
			</div>
		</footer>
	</div>


	<!-- DIALOGS -->
	<div class="modal fade" id="search_form" tabindex="-1" role="dialog" aria-hidden="true">
		<div class="modal-dialog block-popup-search-form">
			<form role="search" method="get" class="form-search searchform" action="">
				<input type="text" value="" name="s" class="search-query" placeholder="Enter your keyword..." />

				<button type="submit" class="fa fa-search button-search-pro form-button"></button>

				<a href="javascript:void(0)" title="Close" class="close close-search" data-dismiss="modal">X</a>
			</form>
		</div>
	</div>
	<script type="text/javascript" src="js/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-migrate.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/jquery/js.cookie.min.js"></script>
	
	<!-- OPEN LIBS JS -->
	<script type="text/javascript" src="js/owl-carousel/owl.carousel.min.js"></script>
	<script type="text/javascript" src="js/slick-1.6.0/slick.min.js"></script>
	
	<script type="text/javascript">
		/* <![CDATA[ */
			var woocommerce_price_slider_params = {"currency_symbol":"$","currency_pos":"left","min_price":"100","max_price":"500"};
			var wc_single_product_params = {"i18n_required_rating_text":"Please select a rating","review_rating_required":"yes"};
		/* ]]> */
	</script>
	
	<script type="text/javascript" src="js/widget.min.js"></script>
	<script type="text/javascript" src="js/mouse.min.js"></script>
	<script type="text/javascript" src="js/slider.min.js"></script>
	<script type="text/javascript" src="js/js_composer/js_composer_front.min.js"></script>
	
	<script type="text/javascript" src="js/yith-woocommerce-compare/jquery.colorbox-min.js"></script>
	<script type="text/javascript" src="js/sw_core/isotope.js"></script>
	<script type="text/javascript" src="js/sw_core/jquery.fancybox.pack.js"></script>
	<script type="text/javascript" src="js/sw_woocommerce/category-ajax.js"></script>
	<script type="text/javascript" src="js/sw_woocommerce/jquery.countdown.min.js"></script>
	<script type="text/javascript" src="js/woocommerce/price-slider.min.js"></script>
	<script type="text/javascript" src="js/woocommerce/single-product.min.js"></script>
	<script type="text/javascript" src="js/woocommerce/prettyPhoto/jquery.prettyPhoto.init.min.js"></script>
	<script type="text/javascript" src="js/woocommerce/prettyPhoto/jquery.prettyPhoto.min.js"></script>
	
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="js/megamenu.min.js"></script>
	<script type="text/javascript" src="js/main.min.js"></script>
	<script src="/js/vue.js"></script>
	<script src="/js/axios.min.js"></script>

	<script type="text/javascript">
		var sticky_navigation_offset_top = $("#header .header-bottom").offset().top;
		var sticky_navigation = function(){
									var scroll_top = $(window).scrollTop();
									if (scroll_top > sticky_navigation_offset_top) {
										$("#header .header-bottom").addClass("sticky-menu");
										$("#header .header-bottom").css({ "top":0, "left":0, "right" : 0 });
									} else {
										$("#header .header-bottom").removeClass("sticky-menu");
									}
								};
		sticky_navigation();
		$(window).scroll(function() {
			sticky_navigation();
		});
		
		$(document).ready (function () {
			$( ".show-dropdown" ).each(function(){
				$(this).on("click", function(){
					$(this).toggleClass("show");
					var $element = $(this).parent().find( "> ul" );
					$element.toggle( 300 );
				});
			});
		});
   </script>
   
   <!--[if gte IE 9]><!-->
   <script type="text/javascript">
		var request, b = document.body, c = 'className', cs = 'customize-support', rcs = new RegExp('(^|\\s+)(no-)?'+cs+'(\\s+|$)');
		request = true;
      
      	b[c] = b[c].replace( rcs, ' ' );
      	// The customizer requires postMessage and CORS (if the site is cross domain)
      	b[c] += ( window.postMessage && request ? ' ' : ' no-' ) + cs;
   </script>

	<script>
		var app1=new Vue({
			el:"#spmidbook",
			data:{
				bookinfo:{
					userId:''
				},
				userName:'',
				bookn:''
				// bookList:[]
			},
			mounted(){
				var _this=this
				var ISBN = window.localStorage.getItem("isbn")
				console.log(ISBN)
				this.userName = window.localStorage.getItem("userName")

				//cart
				var cartUName =this.userName
				axios.get('spbook/sp/userName', {
					params: {
						userName:cartUName
					}
				}).then(function (response) {
					console.log(response.data.object);
					_this.bookinfo.userId = response.data.object.userID;
					console.log(_this.bookinfo);
				})
						.catch(function (error) {
							console.log(error);
						});

				// 查询最便宜信息
				axios.get('/spbook/ISBN/book',{
					params: {
						ISBN:ISBN
					}
				}).then(function (response) {
					_this.bookinfo=response.data.object;
					_this.bookId=response.data.object.bookId;
					_this.bookn='<a href="'+_this.bookinfo.bookLink+'">'+_this.bookinfo.bookName+
							'</a>';
				})
						.catch(function (error) {
							console.log(error);
						});
			},
			methods: {


				//cart
				selectcart:function (userId){
					window.localStorage.setItem("userId",this.userId);
					location.href="cart.html";
				},

				addcol:function(){
					console.log(this.bookinfo)
					axios.post('/like/add',this.bookinfo)
							.then(function (response) {
								if(response.data.code==200){
									alert("收藏成功！")
									location.href="cart.html"
								}
							})
							.catch(function (error) {
								console.log(error);
							});
				}

			}
		});

		var app2=new Vue({
			el:"#spbehbook",
			data:{
				bookwriter: [],
				imagebeh:[],
				wri:[]
			},
			methods: {

				detailbook1:function (isbn){
					alert(isbn);
					window.localStorage.setItem("isbn",isbn);
					location.href="simple_product.html"
				},
				detailbook2:function (writer){
					alert(writer);
					window.localStorage.setItem("writer",writer);
					location.href="simple_product.html"
				},

			},
			mounted(){

				var writer = window.localStorage.getItem("writer")
				console.log(writer)

				//分页
				this.getPageData(1)
				_this = this

				//writer
				axios.get('/spbook/writer',{
					params: {
						writer:writer
					}
				}).then(function (response) {
					_this.bookwriter=response.data.object;
					console.log(_this.bookwriter);
					console.log(_this.wri.image);
				})
						.catch(function (error) {
							console.log(error);
						});
			}
		});


		var app3=new Vue({
			el:"#bookim",
			data:{
				bookimage:'',
				html:''
			},
			methods: {

				//cart
				selectcart:function (userId){
					window.localStorage.setItem("userId",userId);
					location.href="cart.html"
				},

			},
			mounted(){
				__this=this
				var ISBN = window.localStorage.getItem("isbn")
				console.log(ISBN)
				// 查询最便宜信息
				axios.get('/spbook/ISBN/book',{
					params: {
						ISBN:ISBN
					}
				}).then(function (response) {
					__this.bookimage=response.data.object.image;
					console.log(__this.bookimage);
					__this.html='<a href="'+__this.bookimage+'" data-rel="prettyPhoto[product-gallery]" class="zoom">'+
							'<img width="400" height="400" src="'+__this.bookimage+'" />'+
							'</a>';
					console.log(__this.html);
				})
						.catch(function (error) {
							console.log(error);
						})
			}
		});

		var app4=new Vue({
			el:"#spmidbookk",
			data:{
				bookList:[]
			},
			methods: {

			},
			mounted(){
				var _this=this
				var ISBN = window.localStorage.getItem("isbn")
				console.log(ISBN)
				axios.get('/spbook/ISBN/list',{
					params: {
						ISBN:ISBN
					}
				}).then(function (response) {
					_this.bookList=response.data.object;
				})
						.catch(function (error) {
							console.log(error);
						})
			}
		});
	</script>
</div>
   </body>
</html>

